.aw-workflow-variables-container {

	.aw-variables-group {
		margin: 0 0 9px;
	}

	.aw-workflow-variable-outer {
		font-family: Consolas, Monaco, monospace;
		font-size: 0;
		margin: 0 2px 5px 0;
		display: inline-block;
		padding: 0;
		line-height: 1;
		cursor: pointer;
		background: $grey-very-light;
		border-radius: 10px;
		border: 1px solid $grey-light-border;

		&:hover {
			background: $grey-light-border;
		}

		.aw-workflow-variable {
			padding: 2px 9px 3px;
			display: block;
			line-height: 1.35;
			font-size: 11.5px;
			word-break: break-all;
		}
	}
}

.aw-workflow-variable-parameters-table {
	margin: 18px 0 21px;
}

.aw-workflow-variable-clipboard-form {
	padding: 0 0 12px;

	.aw-workflow-variable-preview-field {
		box-sizing: border-box;
		line-height: 1.45;
		border: 1px solid #ddd;
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		font-family: Consolas, Monaco, monospace;
		width: 100%;
		padding: 18px;
		font-size: 12.5px;
		margin: 0 5px 9px 0;
		text-align: center;
		background: $white;
	}

	.aw-clipboard-btn {
		width: 100%;
	}
}

